/*===================================*/
/*             SCREEN                */
/*===================================*/

/* general
/*-----------------------------*/
html , body{
height: 100%;
margin: 0;
padding:0;
}

#main-wrap{
height: 100%;
min-height: 100%;
position: relative;
}

#header-wrap ,
#page-wrap , 
#footer-wrap{
min-width: 960px;
width: 100%;
position: relative;
}

#header ,
#page ,
#footer{
position: relative;
width: 960px;
margin: auto;
}

#page-wrap{
padding: 0 0;
}

#page{
overflow: hidden;
background: blue;
}

#content{
width: 740px;
}

#sidebar{
width: 200px;
}

/* common
/*-----------------------------*/
.float_right{
float: right;
}

.float_left{
float: left;
}

/* skin
/*-----------------------------*/
#header-wrap{
background: red;
}

#footer-wrap{
background: red;
}

#content{
background: yellow;
}

#sidebar{
background: cyan;
}

/*===================================*/